<template>
	<view class="content">
		<u-parse :html="content" selectable></u-parse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: `
				<div style="line-height: 60rpx;">
					<h2 style="text-align: center;">东莞分公司美发室管理办法</h2>
					<p style="text-align: center;">2007-04-01 行政服务中心</p>
					<h3>第一条  美发室服务对象</h3>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为进一步加强和完善公司美发室的管理，提高服务质量，为公司员工提供方便、舒适、专业的美发服务，特制订本办法。</p>
					<img src="https://cdn.uviewui.com/uview/swiper/2.jpg" />
					<h3>第二条  美发室开放时间、预约方式</h3>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;星期一至星期五：12：00——14：30，17：30——22：30</p>
				</div>
				`
			}
		},
		methods: {

		},
	}
</script>

<style lang="scss" scoped>
	.content {
		margin: 20rpx;
		padding: 20rpx;
		border-radius: 16rpx;
		background-color: #fff;
	}
</style>